.ac-tooltip{
  position:absolute;
  visibility:hidden;
  // border : 1px solid #999;
  // background-color: white;
  border-radius: 8px;
  background: rgba(0,0,0,.8);
  opacity: .8;
  padding: 20px;
  transition: top 200ms,left 200ms;
  -moz-transition:  top 200ms,left 200ms;  /* Firefox 4 */
  -webkit-transition:  top 200ms,left 200ms; /* Safari 和 Chrome */
  -o-transition:  top 200ms,left 200ms;
}
.ac-tooltip .ac-title{
  margin: 0;
  color: #fff;
  padding: 0;
  font-size: 0.28rem;
}
.ac-tooltip .ac-list{
  margin: 0;
  padding: 0;
  list-style: none;
  span{
    color: #fff!important;
    font-size: 0.28rem;
  }
}
.ac-tooltip li{
  // line-height:  22px;
  color: #fff;
  // font-size: 0.28rem;
}

div.g-label{
	.bottom-axis-text{
		position: relative;
		top: 14px;
		color: #595D62;
		font-size: 26px;
	}
	&:first-child{
		.bottom-axis-text{
			-webkit-transform: translate(50%, 0);
			-ms-transform: translate(50%, 0);
			transform: translate(50%, 0);
		}
	}
	&:last-child{
		.bottom-axis-text{
			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}
	}
}

div.chart-contrainer{
  position: relative;
}


div.scroll-contrainer{
  -webkit-transform: translate3d(0, 0, 0);
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  .title{
    display: flex;
    align-items: flex-start;
    .title-item{
      color: #191F25;
      font-size: 22px;
      text-align: center;
      &.active {
        .title-item-nums, .title-item-text {
          color: #00BBCC !important;
        }
      }
    }
    .title-item-text{
      color: rgba(25, 31, 37, 72);
      font-size: 22px;
      text-align: center;
      display: block;
      margin-top: -10px;
    }
    .title-item-nums{
      position: relative;
      color: rgba(25, 31, 37, 72);
      font-size: 26px;
      text-align: center;
      display: block;
    }
  }
}

.pie-legend{
  // position: absolute;
  // left: 0; right: 0;
  // bottom: 0;
  // line-height: 0.26rem;
  color: #191f25;
  padding-bottom: 30px;
  ul{
    display: flex;
    justify-content: center;
    padding: 0;
    li {
      list-style: none;
      margin: 0 10px;
      span {
        margin-right: 5px;
      }
      .name{
        font-size: 26px;
      }
      .num{
        font-size: 26px;
      }
    }
  }
  // ul,li{
  //   list-style: none;
  // }
}

.smartStackDIV {
  text-align: left;
  .stackColumnWrapper {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    box-sizing: border-box;
    .column_width_hack {
      position: absolute;
      bottom: 0;
      width: 60px;
    }
    .column {
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 6px 6px 0 0;
      background: linear-gradient(top, #3296FA, #326EFA);
      &.active {
        background: linear-gradient(top, #2FEAED, #32D5FA) !important;
      }
    }
   .line {
     position: absolute;
     width: 1px;
     background-color: rgba(25, 31, 37, 0.12);
     bottom: 0;
     left: 50%;
   }
  }
}